<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* .container {
            width: 400px;
            height: 250px;
            border: 1px solid #000;
            box-sizing: border-box;
            margin: 0 auto;
        } */
        /* .container .one {
            text-align: left;
        }
        .container .two {
            text-align: center;
        }
        .container .three {
            text-align: right;
        } */

        /* .container .one {
            text-decoration: overline;
        }
        .container .two {
            text-decoration: line-through;
        }
        .container .three {
            text-decoration: underline;
        }
        .container a {
            text-decoration: none;
        } */

        /* .container p {
            font-size: 12px;
            text-indent: 2em;
            line-height: 24px;
        } */
/* 
        body{
            display: flex;
            justify-content: start;
        } */
        /* .one {
            width: 200px;
            height: 200px;
            border: #000 solid 1px;
            border-radius: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .two {
            width: 200px;
            height: 100px;
            border: #000 solid 1px;
            border-radius: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
        } */

        /* .container {
            width: 300px;
            height: 200px;
            background-color: #3b0303;
            background-image: url(https://imgxz.bizhi3.com/20240828/240828112257609.jpg);
            background-size: contain;
            background-repeat: no-repeat;

            display: flex;
            justify-content: center;
            align-items: end;
        }

        p {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
        }

        .container p {
            font-family: '华文中宋';
            font-size: 20px;
            letter-spacing: 6px;
            color: rgb(251, 248, 151);
        } */
    </style>
</head>
<body>
    

    <!-- <div class="container">
        <p>三坛海会大神</p>
    </div> -->

    <!-- <div class="one">
        <p>生成圆形</p>
    </div>
    <br>
    <div class="two">
        <p>生成圆角矩形</p>
    </div> -->

    <!-- <div class="container">
        <p>在最近的一段时间里，我总是在思考一些有关于时间流逝的问题，起因是我看见琼瑶的遗书所引发的思考。</p>
        <p>人活在这个世界上大约八十年，当我们能真正有意识地去思考这个问题时，往往已经在这个世界上生活了几十年。我们是否要去思考我们所在的星球、我们的组成以及我们的意识呢？</p>
        <p>我认为这是很有必要的一件事情，首先我们需要明确生活的意义，如此一来才能给他赋予价值，不要随波逐流得过且过，这样只会浪费我们美好的时光。</p>
    </div> -->

    <!-- <div class="container">
        <p class="one">今天是一个美好的日子</p>
        <p class="two">阳光正好，微风不燥</p>
        <p class="three">或许是在几十年前，也或许是在几百年前</p>
        <p class="three">会不会也有人曾经想到过这一点？</p>
        <a href="#">后来又怎样解决的?</a>
    </div> -->

    <!-- <div class="container">
        <p class="one">文本1</p>
        <p class="two">文本2</p>
        <p class="three">文本3</p>
    </div> -->
</body>
</html>
